<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="./css/layout.css"/>
    <link rel="stylesheet" href="./css/local.css"/>
</head>
<body ms-controller="mailList">
<h1>
    坑春宝后援团
</h1>
<hr/>
<div class="box-row  warp">
    <div ms-repeat="list" class="list">
        {{el.name}}
        <small>
            {{el.phone}}
        </small>
        <br/>
        <small>
            {{el.addr}}
        </small>
        <p>
            {{el.info}}
        </p>
    </div>
</div>

<script src="js/avalon.modern.min.js"></script>
<script>
    avalon.ready(function () {

        require(['mmRequest'], function () {
            var vm=avalon.define({
                $id:"mailList",
                ready: function () {
                    avalon.ajax({
                        type:"get",
                        url:"./list.json",
                        success:function(res){
                            vm.list=res
                        }
                    })
                    avalon.scan()
                },
                list:[]

            })
            vm.ready()
            return mailList=vm
        })

    })
</script>
</body>
</html>